@extends('layouts.app')
@section('content')
    <div class="detail-image">
        <img src="{{ $item->url }}" alt="">
    </div>
    <div class="operation">
        <a class="button"
           href="{{ route('home') . '?page=' . session('page') }}">
            <i class="bi bi-arrow-90deg-left"></i>
        </a>
        <a class="button {{ empty($last) ? 'disabled' : '' }}"
           href="{{ empty($last) ? '#' : route('home') . '/' . ($last->id) }}">
            <i class="bi bi-chevron-left"></i>
        </a>
        <a class="button {{ empty($next) ? 'disabled' : '' }}"
           href="{{ empty($next) ? '#' : route('home') . '/' . ($next->id) }}">
            <i class="bi bi-chevron-right"></i>
        </a>
        <div class="button download" data-id="{{ $item->id }}"
             data-url="{{ $item->url }}"
             data-resolution="{{ $item->resolution }}">
            <i class="bi bi-cloud-arrow-down"></i>
        </div>
    </div>
    @include('layouts.download-modal')
@endsection
